﻿<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<title>乐途网</title>

<!-- Mobile Specific
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- CSS
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/boxed.css" id="layout" />
<link rel="stylesheet" type="text/css" href="css/colors/green.css" id="colors" />

<!-- Java Script
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/selectnav.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/twitter.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/effects.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/carousel.js"></script>
<script src="js/isotope.js"></script>

<!-- Styles Switcher
================================================== -->
<link rel="stylesheet" type="text/css" href="css/switcher.css" />
<script src="js/switcher.js"></script>

<script src='/google_analytics_auto.js'></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<!-- Wrapper Start -->
<div id="wrapper">


<!-- Header
================================================== -->

<!-- 960 Container -->
<div class="container ie-dropdown-fix">

	<!-- Header -->
	<div id="header">

		<!-- Logo -->
		<div class="eight columns">
			<div id="logo">
				<a href="#"><img src="images/logo.png" alt="logo" /></a>
				<div id="tagline">旅行，从乐途网开始！</div>
				<div class="clear"></div>
			</div>
		</div>

		<!-- Social / Contact -->
		<div class="eight columns">
			
			<div class="clear"></div>
			
			<!-- Contact Details -->
			<div id="contact-details">
				<ul>
					<li><i class="mini-ico-user"></i><a href="userRegister.html">登录\注册</a></li>
				</ul>
			</div>

		</div>

	</div>
	<!-- Header / End -->
	
	<!-- Navigation -->
	<div class="sixteen columns">

		<div id="navigation">
			<ul id="nav">

                <li><a href="#">乐途广场</a>
					<ul>
					<li><a href="index.html">热门景点</a></li>
					<li><a href="hotMemory.html">热门记忆</a></li>
					</ul>
				</li>

				<li><a href="friendMemoryIndex.html">好友动态</a></li>
				
				<li><a href="#">结伴旅行</a>
					<ul>
					<li><a href="myGroups.html">我的结伴游</a></li>
					<li><a href="postGroup.html">发起结伴游</a></li>
					<li><a href="hotGroup.html">热门结伴游</a></li>
					</ul>
				</li>
				
				<li><a href="#">个人空间</a>
					<ul>
					<li><a href="myInfo.html">我的信息</a></li>
					<li><a href="friends.html">好友列表</a></li>
                    <li><a href="message.html">好友消息</a></li>
					</ul>
				</li>

			</ul>

			<!-- Search Form -->
			<div class="search-form">
				<form method="get" action="#" />
					<input type="text" class="search-text-box" />
				</form>
			</div>

		</div> 
		<div class="clear"></div>
		
	</div>
	<!-- Navigation / End -->

</div>
<!-- 960 Container / End -->


<!-- Content
================================================== -->

<!-- 960 Container -->
<div class="container">

	<!-- Flexslider -->
	<div class="sixteen columns">
		<section class="slider">
			<div class="flexslider home">
				<ul class="slides">
				
					<li>
						<img src="images/slider-img-01.jpg" alt="" />
						<div class="slide-caption n">
							<h3>挪威</h3>
							<p>挪威王国位于北欧斯堪的纳维亚半岛西北部，濒临挪威海，与丹麦隔海相望。挪威领土南北狭长，海岸线异常曲折，达2万公里，多峡湾和天然良港，沿海岛屿很多，被誉为“万岛国”。</p>
						</div>
					</li>
					
					<li>
						<img src="images/slider-img-02.jpg" alt="" />
						<div class="slide-caption">
							<h3>希腊</h3>
							<p>希腊位于欧洲东南部巴尔干半岛南端。陆地上北面与保加利亚、马其顿以及阿尔巴尼亚接壤，东部则与土耳其接壤，濒临爱琴海，西南临爱奥尼亚海及地中海。</p>
						</div>
					</li>
					
					<li>
						<img src="images/slider-img-03.jpg" alt="" />
						<div class="slide-caption">
							<h3>秘鲁</h3>
							<p>秘鲁孕育了其中一个最早的文明──小北地区史前文明，以及前哥伦布时期美洲最大的国家印加帝国。</p>
						</div>
					</li>
					
				</ul>
			</div>
		</section>
  	</div>
	<!-- Flexslider / End -->
	
</div>
<!-- 960 Container / End -->
<br />
<!-- 960 Container -->
<div class="container">

	<div class="sixteen columns">
		<!-- Headline -->
		<div class="headline no-margin"><h3>热门景点</h3></div>
	</div>
	
	<!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="hotSpotDetail.html"><img src="images/portfolio/1.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
		<div class="item-description">
		  <h5>马尔代夫</h5>
			<p>马尔代夫共和国位于南亚，是印度洋上一个岛国。</p>
		</div>
	</div>
	
	<!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="images/portfolio/2.jpg" rel="image" title="Coffee Time"><img src="images/portfolio/2.jpg" alt="" /><div class="image-overlay-zoom"></div></a></div>
		<div class="item-description">
			<h5><a href="#">马尔代夫</a></h5>
			<p>马尔代夫共和国位于南亚，是印度洋上一个岛国。</p>
		</div>
	</div>
	
	<!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="single_project.html"><img src="images/portfolio/3.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
		<div class="item-description">
			<h5><a href="#">张家界</a></h5>
			<p>张家界是中国湖南省的省辖地级市，为中国最重要的旅游城市之一。</p>
		</div>
	</div>
	
	<!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="single_project.html"><img src="images/portfolio/4.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
		<div class="item-description">
			<h5><a href="#">江南水乡</a></h5>
			<p>“江南好，风景旧曾谙；日出江花红胜火，春来江水绿如蓝。能不忆江南？”</p>
		</div>
	</div>
	
	<!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="single_project.html"><img src="images/portfolio/5.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
		<div class="item-description">
			<h5><a href="#">香港</a></h5>
			<p>香港，全称中华人民共和国香港特别行政区，是繁荣的国际大都市。</p>
		</div>
	</div>
	
	<!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="images/portfolio/portoflio-08-large.jpg" rel="image" title="Coffee Time"><img src="images/portfolio/6.jpg" alt="" /><div class="image-overlay-zoom"></div></a></div>
		<div class="item-description">
			<h5><a href="#">江南水乡</a></h5>
			<p>“江南好，风景旧曾谙；日出江花红胜火，春来江水绿如蓝。能不忆江南？”</p>
		</div>
	</div>
	
	<!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="single_project.html"><img src="images/portfolio/7.jpg" alt="" /></a>
		  <div class="image-overlay-link"></div></a></div>
		<div class="item-description">
		  <h5>抚顺</h5>
			<p>抚顺位于辽宁省东部，距省会沈阳市45千米，与吉林省接壤，为中国北方重要的工业基地。</p>
		</div>
	</div>
	
	<!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="single_project.html"><img src="images/portfolio/8.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
		<div class="item-description">
			<h5><a href="#">苏格兰</a></h5>
			<p>苏格兰（盖尔语：Alba）是大不列颠及北爱尔兰联合王国下属的地区之一，位于大不列颠岛北部，英格兰之北。</p>
		</div>
	</div>
    
    <!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="single_project.html"><img src="images/portfolio/9.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
		<div class="item-description">
			<h5><a href="#">苏杭</a></h5>
			<p>“上有天堂下有苏杭”的说法，可追溯至唐代。可以分两半来说，前半是将江南比作天堂。</p>
		</div>
	</div>
    <!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="single_project.html"><img src="images/portfolio/10.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
		<div class="item-description">
			<h5><a href="#">罗布泊</a></h5>
			<p>罗布泊，中国新疆维吾尔自治区东南部湖泊。在塔里木盆地东部，海拔780公尺左右，位于塔里木盆地的最低处。</p>
		</div>
	</div>
    <!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="single_project.html"><img src="images/portfolio/11.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
		<div class="item-description">
			<h5><a href="#">九寨沟</a></h5>
			<p>九寨沟位于四川省阿坝藏族羌族自治州九寨沟县漳扎镇，是白水沟上游白河的支沟，以有九个藏族村寨而得名</p>
		</div>
	</div>
    <!-- Project -->
	<div class="four columns">
		<div class="picture"><a href="single_project.html"><img src="images/portfolio/12.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
		<div class="item-description">
			<h5><a href="#">西安</a></h5>
			<p>西安，古称长安、京兆，是中华文明的发扬地，中华民族的摇篮，中华文化的杰出代表，中国四大古都之首。</p>
		</div>
	</div>
	
</div>
<!-- 960 Container / End -->


<!-- 960 Container -->
<div class="container">
	
</div>
<!-- 960 Container / End -->
<ul class="pagination">
<a href="#"><li>上一页</li></a>
		<a href="#"><li class="current">1</li></a>
		<a href="#"><li>2</li></a>
		<a href="#"><li>3</li></a>
		<a href="#"><li>4</li></a>
		<a href="#"><li>5</li></a>
        <a href="#"><li>下一页</li></a>
	</ul>
</div>

<!-- Wrapper / End -->


<!-- Footer
================================================== -->

<!-- Footer Start -->
<div id="footer">
	<!-- 960 Container -->
	<div class="container">
	
		
		<!-- Footer / Bottom -->
		<div class="sixteen columns">
			<div id="footer-bottom">
				&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
				<div id="scroll-top-top"><a href="#"></a></div>
			</div>
		</div>

	</div>
	<!-- 960 Container / End -->

</div>
<!-- Footer / End -->





<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>